<template>
	<view class="classLayout pagebg">
			<CustomNavBar title="分类"></CustomNavBar>
		<view class="classify">
			 <ThemeItem v-for="item in classifyList"
			 :key="item._id"
			  :item="item"></ThemeItem>
		</view>
	</view>
</template>

<script setup>
	import {apiGetClassify} from "@/api/api.js"
		const classifyList=ref([])
		const getClassify=async()=>{
			let res=await apiGetClassify({
				
				pageSize:15
			});
			classifyList.value=res.data
			
			
			
		}
		getClassify()
	// export default {
	// 	data() {
	// 		return {
				
	// 		}
	// 	},
	// 	methods: {
			
	// 	}
	// }
</script>

<style lang="scss" scoped>
.classify{
	padding:30rpx;
	display:grid;
	grid-template-columns: repeat(3,1fr);
	gap:15rpx;
	
	
}


</style>
